<template>
  <el-tabs v-model="activeName" class="demo-tabs" type="border-card">
    <el-tab-pane label="登录" name="login">
      <LoginIndex type="login"></LoginIndex>
    </el-tab-pane>
    <el-tab-pane label="注册" name="inject">
      <LoginIndex type="inject"></LoginIndex>
    </el-tab-pane>
  </el-tabs>
  <div class="beian">
    <a href="https://beian.miit.gov.cn/" target="_blank">渝ICP备2024023887号-2</a>
  </div>
</template>
<script lang="ts">
import { ref } from 'vue'
import LoginIndex from './LoginIndex.vue'
export default {
  components: {
    LoginIndex
  },
  setup() {
    const activeName = ref('login')
    return { LoginIndex, activeName }
  }
}

</script>
<style lang="less" scoped>
 .el-tabs{
  width:350px;
  margin:100px auto;
  ::v-deep(.el-tabs__nav){
    width:100%;
    .el-tabs__item{
      flex:1
    }
  }
 }
 .beian{
   width:100%;
   position: fixed;
   bottom: 10px;
   display: flex;
   justify-content: center;
  a{
    text-decoration: none;
  }
 }
</style>
